<template>
    <mainBar>
        <navItem path="/home">
            <p slot="item-text">关于我</p>
        </navItem>

        <navItem path="/imgDown">
            <p slot="item-text">你的足迹</p>
        </navItem>

        <navItem path="/chat">
            <p slot="item-text">碎言碎语</p>
        </navItem>

        <navItem path="/life">
            <p slot="item-text">慢生活</p>
        </navItem>

        <navItem path="/message">
            <p slot="item-text">留言板</p>
        </navItem>

    </mainBar>
</template>

<script>
import mainBar from "./mainBar"
import navItem from "./navItem"
export default {
    name: 'navBar',
    components:{
        mainBar,
        navItem
    }
}
</script>

<style scoped>

</style>